<script setup>
import {useThemeStore} from "@/store/sys/theme.js";
import {ICONS} from "@/common/constant.js";
const themeStore = useThemeStore()
</script>
<template>
  <n-switch @update:value="(val) => themeStore.setDark(val)" size="large">
    <template #checked-icon>
      <n-icon :component="ICONS.ModeNightOutlined" />
    </template>
    <template #unchecked-icon>
      <n-icon :component="ICONS.LightModeOutlined" />
    </template>
  </n-switch>
</template>

<style scoped>

</style>